[data-vxe-ui-theme='light'] {
  /*font*/
  --vxe-ui-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial,
    Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;

  /*font size*/
  --vxe-ui-font-size-large: 16px;
  --vxe-ui-font-size-default: 12px;
  --vxe-ui-font-size-medium: 14px;
  --vxe-ui-font-size-small: 10px;
  --vxe-ui-font-size-mini: 10px;

  /*font color*/
  --vxe-ui-font-secondary-color: #909399; // 次要字体颜色
  --vxe-ui-font-placeholder-color: #a8abb2; // 占位符字体颜色

  /*base*/
  --vxe-ui-base-border-radius: 2px;

  /*layout*/
  --vxe-ui-layout-padding-qtr: 2px;
  --vxe-ui-layout-padding-half: 4px;
  --vxe-ui-layout-padding-default: 8px;
  --vxe-ui-layout-padding-double: 16px;
  --vxe-ui-layout-padding-threefold: 24px;
  --vxe-ui-layout-aside-default-width: 300px;
  --vxe-ui-layout-aside-collapse-width: 60px;

  /*menu*/
  --vxe-ui-menu-item-height: 44px;
  --vxe-ui-menu-icon-width: 1.5em;

  /*button*/
  --vxe-ui-button-max-width: 500px;
  --vxe-ui-button-height-default: 34px;
  --vxe-ui-button-height-medium: 32px;
  --vxe-ui-button-height-small: 30px;
  --vxe-ui-button-height-mini: 28px;
  --vxe-ui-button-round-border-radius-default: 17px;
  --vxe-ui-button-round-border-radius-medium: 16px;
  --vxe-ui-button-round-border-radius-small: 15px;
  --vxe-ui-button-round-border-radius-mini: 14px;

  /*input*/
  --vxe-ui-input-disabled-color: #dcdfe6;
  --vxe-ui-input-number-disabled-color: #e4e7ed;
  --vxe-ui-input-date-festival-color: #999999;
  --vxe-ui-input-date-festival-important-color: var(--vxe-ui-font-primary-color);
  --vxe-ui-input-date-notice-background-color: #ff0000;
  --vxe-ui-input-date-picker-hover-background-color: #f2f6fc;
  --vxe-ui-input-date-picker-selected-color: #fff;
  --vxe-ui-input-date-time-confirm-button-color: #fff;
  --vxe-ui-input-date-picker-festival-selected-color: var(
    --vxe-ui-input-date-picker-selected-color
  );
  --vxe-ui-input-date-picker-notice-selected-background-color: var(
    --vxe-ui-input-date-picker-selected-color
  );
  --vxe-ui-input-date-extra-color: #67c23a;
  --vxe-ui-input-date-extra-important-color: #fd2222;
  --vxe-ui-input-date-title-height-default: 30px;
  --vxe-ui-input-date-title-height-medium: 29px;
  --vxe-ui-input-date-title-height-small: 28px;
  --vxe-ui-input-date-title-height-mini: 26px;
  --vxe-ui-input-date-time-week-row-height-default: 38px;
  --vxe-ui-input-date-time-week-row-height-medium: 36px;
  --vxe-ui-input-date-time-week-row-height-small: 34px;
  --vxe-ui-input-date-time-week-row-height-mini: 32px;
  --vxe-ui-input-date-month-year-row-height-default: 48px;
  --vxe-ui-input-date-month-year-row-height-medium: 46px;
  --vxe-ui-input-date-month-year-row-height-small: 44px;
  --vxe-ui-input-date-month-year-row-height-mini: 42px;
  --vxe-ui-input-date-quarter-row-height-default: 60px;
  --vxe-ui-input-date-quarter-row-height-medium: 58px;
  --vxe-ui-input-date-quarter-row-height-small: 56px;
  --vxe-ui-input-date-quarter-row-height-mini: 54px;
  --vxe-ui-input-height-default: var(--vxe-ui-button-height-default);
  --vxe-ui-input-height-medium: var(--vxe-ui-button-height-medium);
  --vxe-ui-input-height-small: var(--vxe-ui-button-height-small);
  --vxe-ui-input-height-mini: var(--vxe-ui-button-height-mini);
  --vxe-ui-input-count-color: #999;
  --vxe-ui-input-count-error-color: var(--vxe-ui-status-error-color);

  /*anchor*/
  --vxe-ui-anchor-link-color: var(--vxe-ui-font-secondary-color);
  --vxe-ui-anchor-link-active-color: var(--vxe-ui-font-primary-color);

  /*breadcrumb*/
  --vxe-ui-breadcrumb-color: var(--vxe-ui-font-secondary-color);
  --vxe-ui-breadcrumb-current-item-color: var(--vxe-ui-font-color);

  /*loading*/
  --vxe-ui-loading-color: var(--vxe-ui-font-primary-color);

  /*tooltip*/
  --vxe-ui-tooltip-dark-color: #fff;
  --vxe-ui-tooltip-dark-background-color: #303133;

  /*form*/
  --vxe-ui-form-item-min-height-default: 48px;
  --vxe-ui-form-item-min-height-medium: 44px;
  --vxe-ui-form-item-min-height-small: 40px;
  --vxe-ui-form-item-min-height-mini: 36px;
  --vxe-ui-form-validate-error-color: var(--vxe-ui-status-error-color);
  --vxe-ui-form-validate-error-background-color: inherit;

  /*form-design*/
  --vxe-ui-form-design-widget-item-font-size: 0.9em;

  /*checkbox*/
  --vxe-ui-checkbox-font-size-default: 15px;
  --vxe-ui-checkbox-font-size-medium: 14px;
  --vxe-ui-checkbox-font-size-small: 13px;
  --vxe-ui-checkbox-font-size-mini: 12px;
  --vxe-ui-checkbox-checked-width: 0.32em;
  --vxe-ui-checkbox-checked-height: 0.64em;
  --vxe-ui-checkbox-indeterminate-width: 0.6em;
  --vxe-ui-checkbox-indeterminate-height: 2px;
  --vxe-ui-checkbox-border-width: 2px;
  --vxe-ui-checkbox-border-radius: 2px;
  --vxe-ui-checkbox-icon-background-color: #fff;
  --vxe-ui-checkbox-checked-icon-border-color: #fff;
  --vxe-ui-checkbox-indeterminate-icon-background-color: #fff;

  /*radio*/
  --vxe-ui-radio-font-size-default: 15px;
  --vxe-ui-radio-font-size-medium: 14px;
  --vxe-ui-radio-font-size-small: 13px;
  --vxe-ui-radio-font-size-mini: 12px;
  --vxe-ui-radio-border-width: 0.32em;
  --vxe-ui-radio-icon-background-color: #fff;
  --vxe-ui-radio-checked-icon-background-color: #fff;
  --vxe-ui-radio-indeterminate-icon-background-color: #fff;

  /*select*/
  --vxe-ui-select-option-height-default: 30px;
  --vxe-ui-select-option-height-medium: 28px;
  --vxe-ui-select-option-height-small: 26px;
  --vxe-ui-select-option-height-mini: 24px;
  --vxe-ui-select-empty-color: #c0c4cc;
  --vxe-ui-select-title-color: #909399;

  /*pulldown*/
  --vxe-ui-pulldown-option-height-default: var(--vxe-ui-select-option-height-default);
  --vxe-ui-pulldown-option-height-medium: var(--vxe-ui-select-option-height-medium);
  --vxe-ui-pulldown-option-height-small: var(--vxe-ui-select-option-height-small);
  --vxe-ui-pulldown-option-height-mini: var(--vxe-ui-select-option-height-mini);

  /*switch*/
  --vxe-ui-switch-font-color: #fff;
  --vxe-ui-switch-icon-background-color: #fff;
  --vxe-ui-switch-open-background-color: var(--vxe-ui-font-primary-color);
  --vxe-ui-switch-disabled-background-color: rgba(0, 0, 0, 0.15);

  /*upload*/
  --vxe-ui-upload-file-button-border-style: dashed;
  --vxe-ui-upload-image-button-border-style: dashed;
  --vxe-ui-upload-image-wh-default: 120px;
  --vxe-ui-upload-image-wh-medium: 104px;
  --vxe-ui-upload-image-wh-small: 88px;
  --vxe-ui-upload-image-wh-mini: 72px;

  /*card*/
  --vxe-ui-card-padding: 12px;

  /*tree*/
  --vxe-ui-tree-node-height: 2em;
  --vxe-ui-tree-node-line-color: #909399;
  --vxe-ui-tree-node-line-style: dotted;
  --vxe-ui-tree-node-line-width: 1px;

  /*tabs*/
  --vxe-ui-tabs-header-height-default: 40px;
  --vxe-ui-tabs-header-height-medium: 38px;
  --vxe-ui-tabs-header-height-small: 36px;
  --vxe-ui-tabs-header-height-mini: 32px;

  /*tabs*/
  --vxe-ui-calendar-hover-background-color: #f2f6fc;
  --vxe-ui-calendar-selected-color: #fff;
  --vxe-ui-calendar-festival-selected-color: var(--vxe-ui-calendar-selected-color);
  --vxe-ui-calendar-notice-selected-background-color: var(--vxe-ui-calendar-selected-color);

  $vxe-ui-font-primary-color: #409eff;

  $vxe-ui-status-success-color: #67c23a;
  $vxe-ui-status-info-color: #909399;
  $vxe-ui-status-warning-color: #e6a23c;
  $vxe-ui-status-danger-color: #f56c6c;
  $vxe-ui-status-error-color: #f56c6c;

  /*font color*/
  --vxe-ui-font-color: rgba(0, 0, 0, 0.88);
  --vxe-ui-font-tinge-color: #d4d5d7;
  --vxe-ui-font-lighten-color: #797b80;
  --vxe-ui-font-darken-color: #47494c;
  --vxe-ui-font-disabled-color: #bfbfbf;

  /*font status color*/
  --vxe-ui-font-primary-color: #0960bd;
  --vxe-ui-font-primary-hover-color: #f5f7fa;
  --vxe-ui-font-primary-tinge-color: #e8f3ff;
  --vxe-ui-font-primary-lighten-color: #73b8ff;
  --vxe-ui-font-primary-darken-color: #0d84ff;
  --vxe-ui-font-primary-disabled-color: #a6d2ff;

  --vxe-ui-status-success-color: #67c23a;
  --vxe-ui-status-info-color: #909399;
  --vxe-ui-status-warning-color: #e6a23c;
  --vxe-ui-status-danger-color: #f56c6c;
  --vxe-ui-status-error-color: #f56c6c;

  --vxe-ui-status-success-tinge-color: #eef8e9;
  --vxe-ui-status-info-tinge-color: #f5f5f6;
  --vxe-ui-status-warning-tinge-color: #fcf4e8;
  --vxe-ui-status-danger-tinge-color: var(--vxe-ui-status-error-tinge-color);
  --vxe-ui-status-error-tinge-color: #fef2f2;

  --vxe-ui-status-success-lighten-color: #85cf60;
  --vxe-ui-status-info-lighten-color: #abadb1;
  --vxe-ui-status-warning-lighten-color: #ecb869;
  --vxe-ui-status-danger-lighten-color: var(--vxe-ui-status-error-lighten-color);
  --vxe-ui-status-error-lighten-color: #f89c9c;

  --vxe-ui-status-success-darken-color: #529b2e;
  --vxe-ui-status-info-darken-color: #767980;
  --vxe-ui-status-warning-darken-color: #d48a1b;
  --vxe-ui-status-danger-darken-color: var(--vxe-ui-status-error-darken-color);
  --vxe-ui-status-error-darken-color: #f56c6c;

  --vxe-ui-status-success-disabled-color: #a3db87;
  --vxe-ui-status-info-disabled-color: #c5c7ca;
  --vxe-ui-status-warning-disabled-color: #f2cd96;
  --vxe-ui-status-danger-disabled-color: var(--vxe-ui-status-error-disabled-color);
  --vxe-ui-status-error-disabled-color: #f5a8a8;

  /*base*/
  --vxe-ui-base-popup-border-color: #dadce0;
  --vxe-ui-base-popup-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
  --vxe-ui-base-drag-background-color: #dde9fd;
  --vxe-ui-base-active-background-color: #e6f4ff;
  --vxe-ui-base-hover-background-color: rgba(0, 0, 0, 0.04);

  /*layout*/
  --vxe-ui-layout-background-color: #ffffff;

  /*input*/
  --vxe-ui-input-border-color: #dcdfe6;
  --vxe-ui-input-placeholder-color: #c0c4cc;
  --vxe-ui-input-disabled-background-color: #f3f3f3;

  /*modal*/
  --vxe-ui-modal-header-background-color: #f8f8f8;

  /*tabs*/
  --vxe-ui-tabs-card-header-background-color: #f5f7fa;
  --vxe-ui-tabs-close-hover-background-color: rgba(0, 0, 0, 0.1);
  --vxe-ui-tabs-bar-scrolling-box-shadow-color: rgba(0, 0, 0, 0.12);

  /*menu*/
  --vxe-ui-menu-item-hover-color: var(--vxe-ui-font-primary-color);
  --vxe-ui-menu-collapse-wrapper-box-shadow: var(--vxe-ui-base-popup-box-shadow);

  /*loading*/
  --vxe-ui-loading-background-color: rgba(255, 255, 255, 0.5);

  /*form*/
  --vxe-ui-form-title-background-color: #f8f8f9;
  --vxe-ui-form-border-color: #e8eaec;

  /*form-design*/
  --vxe-ui-form-design-widget-hover-background-color: var(--vxe-ui-base-hover-background-color);
  --vxe-ui-form-design-sub-widget-hover-background-color: rgba(0, 0, 0, 0.05);

  /*list-design*/
  --vxe-ui-list-design-table-border-color: #e8eaec;
  --vxe-ui-list-design-table-header-background-color: #f8f8f9;

  /*switch*/
  --vxe-ui-switch-close-background-color: rgba(0, 0, 0, 0.35);

  /*upload*/
  --vxe-ui-upload-drag-over-background-color: rgba(255, 255, 200, 0.8);

  /*tree*/
  --vxe-ui-tree-node-hover-background-color: #f5f7fa;
  --vxe-ui-tree-node-radio-checked-background-color: #fff3e0;
  --vxe-ui-tree-node-hover-radio-checked-background-color: #ffebbc;
  --vxe-ui-tree-node-checkbox-checked-background-color: #fff3e0;
  --vxe-ui-tree-node-hover-checkbox-checked-background-color: #ffebbc;
  --vxe-ui-tree-node-current-background-color: #e6f7ff;
  --vxe-ui-tree-node-hover-current-background-color: #d7effb;

  /*table*/
  --vxe-ui-table-column-padding-default: 6px 0;
  --vxe-ui-table-column-padding-medium: 5px 0;
  --vxe-ui-table-column-padding-small: 4px 0;
  --vxe-ui-table-column-padding-mini: 3px 0;

  --vxe-ui-table-row-height-default: 34px;
  --vxe-ui-table-row-height-medium: 30px;
  --vxe-ui-table-row-height-small: 26px;
  --vxe-ui-table-row-height-mini: 22px;
}
